<template>
  <div class="sidebar">
    <ul class="itme-ul">
      <li class="time-li">
        <router-link to="/write/article">
          <el-button type="primary" style="width:100%;height:100%">我要发文</el-button>
        </router-link>
      </li>
      <li style="display: none;">
        <div >
          待开发...
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
import { getToken } from '@/utils/auth'
export default {
  props: {
    createBar: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      token: getToken(),
      clickSidber: this.createBar
    }
  },
  methods: {
    clickSiberItem(item) {
      this.clickSidber = item
      this.$emit('getRightTemp', item)
    }
  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.sidebar{
    padding: 0px;
    overflow: auto;
    height: fit-content;
    .itme-ul {
        padding: 0px;
        margin: 0px;
        .time-li{
            height: 50px;
            font-size: 14px;
            line-height: 50px;
        }
        .time-li:hover{
          background: none;
        }
        span {
            padding: 0px 15px;
            display: block;
        }
        .time-li + .time-li{
          margin-top: 10px;
          border: #ff7d44 1px solid;
        }
    }
}
</style>
